﻿<div class="sidebar">
    <div class="about">
        <div class="avatar"> <img src="images/avatar.jpg" alt=""> </div>
        <p class="abname">51zhebao.com | 折宝</p>
        <p class="abposition">He is lazy</p>
        <div class="abtext">
            <p>@*一个80后草根女站长！09年入行。一直潜心研究web前端技术，一边工作一边积累经验，分享一些个人博客模板，以及SEO优化等心得。*@ </p>
        </div>
    </div>
    <div class="search">
        <form action="/e/search/index.php" method="post" name="searchform" id="searchform">
            <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字'}" type="text">
            <input name="show" value="title" type="hidden">
            <input name="tempid" value="1" type="hidden">
            <input name="tbname" value="news" type="hidden">
            <input name="Submit" class="input_submit" value="搜索" type="submit">
        </form>
    </div>
    <div class="cloud">
        <h2 class="hometitle">标签云</h2>
        <ul>
            <a href="/">青春</a>
            <a href="/">温暖</a>
            <a href="/">阳光</a>
            <a href="/">三星</a>
            <a href="/">索尼</a>
            <a href="/">华维荣耀</a>
            <a href="/">三星</a>
            <a href="/">索尼</a>
        </ul>
    </div>
    <div class="paihang">
        <h2 class="hometitle">点击排行</h2>
        <ul>
            @*<li>
                    <b><a href="/download/div/2015-04-10/746.html" target="_blank">【活动作品】柠檬绿兔小白个人博客模板30...</a></b>
                    <p><i><img src="images/t02.jpg"></i>展示的是首页html，博客页面布局格式简单，没有复杂的背景，色彩局部点缀，动态的幻灯片展示，切换卡，标...</p>
                </li>*@
        </ul>
    </div>
    <div class="paihang">
        <h2 class="hometitle">站长推荐</h2>
        <ul>
            @*<li>
                    <b><a href="/download/div/2015-04-10/746.html" target="_blank">【活动作品】柠檬绿兔小白个人博客模板30...</a></b>
                    <p><i><img src="images/t02.jpg"></i>展示的是首页html，博客页面布局格式简单，没有复杂的背景，色彩局部点缀，动态的幻灯片展示，切换卡，标...</p>
                </li>*@
        </ul>
    </div>
    <div class="links">
        <h2 class="hometitle">友情链接</h2>
        <ul>
            <li><a href="http://www.yangqq.com" title="杨青个人博客">杨青个人博客</a></li>
        </ul>
    </div>
</div>